<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <title>Programación Web » Ejemplos</title>
        <link rel="stylesheet" type="text/css" media="all" href="./styles.css" />
        <script charset="utf-8" type="text/javascript" src="./jquery.min.js" ></script>
        <script charset="utf-8" type="text/javascript" src="./javascript.js" ></script>
    </head>
    <body>
        <noscript>
            <p>Este documento necesita ejecutar javascript para mostrar los ejemplos.</p>
        </noscript>
        <div>
            <h1>Contenido</h1>
            <ol>
                <li><a href="#table">Tablas</a></li>
                <li><a href="#lists">Listas</a></li>
                <li><a href="#form">Formularios</a></li>
                <li><a href="#text">Texto</a></li>
            </ol>
            <p>
                <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
                <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /></a>
            </p>
         
        </div>
        <div id="table" class="groovy">
            <h2>Tablas</h2>
            <ul class="actions">
                <li id="table_elegant">Elegant</li>
                <li id="table_groovy">Groovy</li>
            </ul>
            <h3>Referencias</h3>
            <ul>
                <li><abbr title="HypetText Markup Language">HTML</abbr>. Capítulo 11, <a href="http://www.w3.org/TR/html401/struct/tables.html">Tablas</a>.</li>
                <li><abbr title="Cascading Style Sheets">CSS</abbr>. Capítulo 5, <a href="http://www.w3.org/TR/CSS2/selector.html">Selectores</a>. Capítulo 7, <a href="http://www.w3.org/TR/CSS2/media.html">Medios</a>. Capítulo 8, <a href="http://www.w3.org/TR/CSS2/box.html">Modelo de cajas</a>. Capítulo 14, <a href="http://www.w3.org/TR/CSS2/colors.html">Colores y fondos</a>. Capítulo 15, <a href="http://www.w3.org/TR/CSS2/fonts.html">Fuentes</a>. Capítulo 16, <a href="http://www.w3.org/TR/CSS2/text.html">Texto</a>. Capítulo 17, <a href="http://www.w3.org/TR/CSS2/tables.html">Tablas</a>.</li>
            </ul>
            <table summary="Element index. Columns are: Name, start tag required, end tag required, empty, deprecated, which DTD, and description">
                <caption title="Loose DTD">Legend: <em title="Optional">O</em>ptional, <em title="Forbidden">F</em>orbidden, <em title="Empty">E</em>mpty, <em title="Deprecated">D</em>eprecated, <em title="Loose DTD">L</em>ose DTD, <em title="Forbidden">F</em>rameset DTD.</caption>
                <colgroup span="1"/>
                <colgroup span="5"/>
                <colgroup span="1"/>
                <thead>
                    <tr><th colspan="7">Index of Elements</th></tr>
                    <tr>
                        <th>Name</th>
                        <th>Start Tag</th>
                        <th title="Empty">End Tag</th>
                        <th title="Empty">Empty</th>
                        <th title="Deprecated">Deprecated</th>
                        <th title="Deprecated">DTD</th>
                        <th title="Deprecated">Description</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/links.html#edef-A">A</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>anchor</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-ABBR">ABBR</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>abbreviated form (e.g., WWW, HTTP, etc.)</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-ACRONYM">ACRONYM</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-ADDRESS">ADDRESS</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>information on author</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/objects.html#edef-APPLET">APPLET</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">D</td>
                        <td title="Loose DTD">L</td>
                        <td>Java applet</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/objects.html#edef-AREA">AREA</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>client-side image map area</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-B">B</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>bold text style</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/links.html#edef-BASE">BASE</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">Document base URI</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-BASEFONT">BASEFONT</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td title="Deprecated">D</td>
                        <td title="Loose DTD">L</td>
                        <td>base font size</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/dirlang.html#edef-BDO">BDO</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>I18N BiDi over-ride</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-BIG">BIG</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Loose DTD">Large text style</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-BLOCKQUOTE">BLOCKQUOTE</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Loose DTD">Long quotation</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-BODY">BODY</a></td>
                        <td title="Optional">O</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">Document body</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-BR">BR</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">Forced line break</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-BUTTON">BUTTON</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>push button</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/tables.html#edef-CAPTION">CAPTION</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>table caption</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-CENTER">CENTER</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">D</td>
                        <td title="Loose DTD">L</td>
                        <td>shorthand for DIV align=center</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-CITE">CITE</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>citation</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-CODE">CODE</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>computer code fragment</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/tables.html#edef-COL">COL</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>table column</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/tables.html#edef-COLGROUP">COLGROUP</a></td>
                        <td>&nbsp;</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>table column group</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/lists.html#edef-DD" title="Deprecated">DD</a></td>
                        <td>&nbsp;</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">Definition description</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-del" title="Deprecated">DEL</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">Deleted text</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-DFN" title="Deprecated">DFN</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>instance definition</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/lists.html#edef-DIR" title="Deprecated">DIR</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">D</td>
                        <td title="Loose DTD">L</td>
                        <td title="Deprecated">Directory list</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-DIV" title="Deprecated">DIV</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>generic language/style container</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/lists.html#edef-DL" title="Deprecated">DL</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">Definition list</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/lists.html#edef-DT" title="Deprecated">DT</a></td>
                        <td>&nbsp;</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">Definition term</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-EM" title="Empty">EM</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Empty">Emphasis</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-FIELDSET" title="Forbidden">FIELDSET</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">Form control group</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-FONT" title="Forbidden">FONT</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">D</td>
                        <td title="Loose DTD">L</td>
                        <td title="Loose DTD">Local change to font</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-FORM" title="Forbidden">FORM</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>interactive form</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/frames.html#edef-FRAME" title="Forbidden">FRAME</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td>subwindow</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/frames.html#edef-FRAMESET" title="Forbidden">FRAMESET</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td>window subdivision</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-H1">H1</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>heading</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-H2">H2</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>heading</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-H3">H3</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>heading</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-H4">H4</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>heading</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-H5">H5</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>heading</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-H6">H6</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>heading</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-HEAD">HEAD</a></td>
                        <td title="Optional">O</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">Document head</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-HR">HR</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>horizontal rule</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-HTML">HTML</a></td>
                        <td title="Optional">O</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">Document root element</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-I">I</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>italic text style</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/frames.html#edef-IFRAME">IFRAME</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Loose DTD">L</td>
                        <td>inline subwindow</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/objects.html#edef-IMG">IMG</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Empty">Embedded image</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT">INPUT</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">Form control</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-ins">INS</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>inserted text</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-ISINDEX">ISINDEX</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td title="Deprecated">D</td>
                        <td title="Loose DTD">L</td>
                        <td>single line prompt</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-KBD">KBD</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>text to be entered by the user</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL" title="Loose DTD">LABEL</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">Form field label text</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-LEGEND" title="Loose DTD">LEGEND</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">Fieldset legend</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/lists.html#edef-LI" title="Loose DTD">LI</a></td>
                        <td>&nbsp;</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Loose DTD">List item</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/links.html#edef-LINK" title="Loose DTD">LINK</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>a media-independent link</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/objects.html#edef-MAP">MAP</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>client-side image map</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/lists.html#edef-MENU">MENU</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">D</td>
                        <td title="Loose DTD">L</td>
                        <td>menu list</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-META">META</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>generic metainformation</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/frames.html#edef-NOFRAMES">NOFRAMES</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td>alternate content container for non frame-based rendering</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/scripts.html#edef-NOSCRIPT">NOSCRIPT</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>alternate content container for non script-based rendering</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/objects.html#edef-OBJECT" title="Optional">OBJECT</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>generic embedded object</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/lists.html#edef-OL" title="Optional">OL</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Optional">Ordered list</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-OPTGROUP" title="Optional">OPTGROUP</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Optional">Option group</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-OPTION" title="Optional">OPTION</a></td>
                        <td>&nbsp;</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>selectable choice</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-P">P</a></td>
                        <td>&nbsp;</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>paragraph</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/objects.html#edef-PARAM">PARAM</a></td>
                        <td>&nbsp;</td>
                        <td title="Forbidden">F</td>
                        <td title="Empty">E</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>named property value</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-PRE">PRE</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>preformatted text</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-Q">Q</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>short inline quotation</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-S">S</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">D</td>
                        <td title="Loose DTD">L</td>
                        <td>strike-through text style</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-SAMP">SAMP</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>sample program output, scripts, etc.</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/scripts.html#edef-SCRIPT">SCRIPT</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>script statements</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-SELECT">SELECT</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Optional">Option selector</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-SMALL">SMALL</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>small text style</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-SPAN">SPAN</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>generic language/style container</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-STRIKE">STRIKE</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">D</td>
                        <td title="Loose DTD">L</td>
                        <td>strike-through text</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-STRONG">STRONG</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>strong emphasis</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/styles.html#edef-STYLE">STYLE</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>style info</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-SUB">SUB</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>subscript</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-SUP">SUP</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>superscript</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/tables.html#edef-TABLE">TABLE</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/tables.html#edef-TBODY">TBODY</a></td>
                        <td title="Optional">O</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>table body</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/tables.html#edef-TD">TD</a></td>
                        <td>&nbsp;</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>table data cell</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-TEXTAREA">TEXTAREA</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>multi-line text field</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/tables.html#edef-TFOOT">TFOOT</a></td>
                        <td>&nbsp;</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>table footer</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/tables.html#edef-TH">TH</a></td>
                        <td>&nbsp;</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>table header cell</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/tables.html#edef-THEAD">THEAD</a></td>
                        <td>&nbsp;</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>table header</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/global.html#edef-TITLE">TITLE</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">Document title</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/tables.html#edef-TR">TR</a></td>
                        <td>&nbsp;</td>
                        <td title="Optional">O</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>table row</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-TT">TT</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>teletype or monospaced text style</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/present/graphics.html#edef-U">U</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td title="Deprecated">D</td>
                        <td title="Loose DTD">L</td>
                        <td>underlined text style</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/lists.html#edef-UL">UL</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>unordered list</td>
                    </tr>
                    <tr>
                        <td><a href="http://www.w3.org/TR/html401/struct/text.html#edef-VAR">VAR</a></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>instance of a variable or programargument</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="lists">
                <h2>Listas</h2>
                <ul class="actions">
                    <li id="list_nested_normal">Anidada normal</li>
                    <li id="list_nested_counter">Anidada contadores</li>
                    <li id="list_v_menu">Menu vertical</li>
                    <li id="list_h_menu">Menu horizontal</li>
                </ul>
                <h3>Referencias</h3>
                <ul>
                    <li><abbr title="HypetText Markup Language">HTML</abbr>. Capítulo 10, <a href="http://www.w3.org/TR/html401/struct/lists.html">Listas</a>.</li>
                    <li><abbr title="Cascading Style Sheets">CSS</abbr>. Capítulo 5, <a href="http://www.w3.org/TR/CSS2/selector.html">Selectores</a>. Capítulo 12, <a href="http://www.w3.org/TR/CSS2/generate.html">Contenido generado, numeración automática y listas</a>.</li>
                </ul>
                <div class="nested_counter">
                    <ol>
                        <li>Introducción
                            <ol>
                                <li>Protocolo de transferencia de hipertexto, HTTP
                                    <ol>
                                        <li>URLs</li>
                                        <li>Arquitectura cliente-servidor</li>
                                        <li>Métodos</li>
                                    </ol>
                                </li>
                                <li>Metodologías
                                    <ol>
                                        <li>Desarrollo ágil</li>
                                        <li>Desarrollo tradicional</li>
                                    </ol>
                                </li>
                                <li>Arquitecturas</li>
                                <li>¿Qué es una aplicación Web?</li>
                                <li>Entorno de desarrollo integrado, IDE
                                    <ol>
                                        <li>Alternativas</li>
                                        <li>Editores de texto</li>
                                        <li>Ventajas y desventajas</li>
                                    </ol>
                                </li>
                                <li>Configuración del entorno de trabajo
                                    <ol>
                                        <li>Estructura de carpetas</li>
                                    </ol>
                                </li>
                                <li>APIs</li>
                                <li>CMSs</li>
                                <li>Frameworks</li>
                            </ol>
                        </li>
                        <li>Lenguajes de marcado y estilo
                            <ol>
                                <li>Estándares Web (World Wide Web Consortium, W3C)
                                    <ol>
                                        <li>Codificación de caracteres</li>
                                    </ol>
                                </li>
                                <li>Lenguaje de marcado de hipertexto, HTML
                                    <ol>
                                        <li>(X)HTML</li>
                                        <li>Estructura de un documento</li>
                                        <li>Etiquetas</li>
                                    </ol>
                                </li>
                                <li>Hojas de estilo en cascada, CSS.
                                    <ol>
                                        <li>Teoría del color</li>
                                        <li>Unidades de medida</li>
                                        <li>Selectores
                                            <ol>
                                                <li>Pseudoclases</li>
                                            </ol>
                                        </li>
                                        <li>Modelo de cajas</li>
                                        <li>Posicionamiento</li>
                                        <li>Diseño estático vs diseño fluido</li>
                                        <li>@media</li>
                                        <li>Enlazar estilos</li>
                                        <li>Usabilidad</li>
                                    </ol>
                                </li>
                                <li>Visual
                                    <ol>
                                        <li>Bordes redondeados</li>
                                        <li>Pestañas y botones</li>
                                        <li>Menús desplegables</li>
                                        <li>Mapas con imagenes</li>
                                    </ol>
                                </li>
                            </ol>
                        </li>
                        <li>Sistema de gestión de bases de datos
                            <ol>
                                <li>Sistemas de gestión de bases de datos</li>
                                <li>Alternativas</li>
                                <li>Herramientas CAD
                                    <ol>
                                        <li>Generación de scripts</li>
                                    </ol>
                                </li>
                                <li>Conexión a la base de datos</li>
                                <li>Aspectos de seguridad</li>
                            </ol>
                        </li>
                        <li>Lenguaje del lado del servidor
                            <ol>
                                <li>Páginas estáticas vs. páginas dinámicas</li>
                                <li>DHTML</li>
                                <li>Servidor de páginas Web, Apache.</li>
                                <li>Alternativas (Servidor de páginas)</li>
                                <li>Alternativas (Lenguaje del lado del servidor)</li>
                                <li>Programación orientada a objetos</li>
                                <li>Instrucciones básicas
                                    <ol>
                                        <li>Variables</li>
                                        <li>Sentencias</li>
                                        <li>Operadores</li>
                                        <li>Arreglos</li>
                                        <li>Estructuras de control</li>
                                    </ol>
                                </li>
                                <li>Funciones y librerías
                                    <ol>
                                        <li>frameworks</li>
                                        <li>librerías</li>
                                    </ol>
                                </li>
                                <li>Validación</li>
                                <li>Sesiones</li>
                                <li>Conexión con la base de datos
                                    <ol>
                                        <li>DAO vs ORM</li>
                                    </ol>
                                </li>
                                <li>Manejo de archivos</li>
                                <li>Aspectos de seguridad
                                    <ol>
                                        <li>SQL injection</li>
                                        <li>Local/Remote File inclusion</li>
                                    </ol>
                                </li>
                            </ol>
                        </li>
                        <li>Lenguaje del lado del cliente
                            <ol>
                                <li>ECMA-Script</li>
                                <li>Javascript</li>
                                <li>Instrucciones básicas
                                    <ol>
                                        <li>Alternativas</li>
                                        <li>Variables</li>
                                        <li>Sentencias</li>
                                        <li>Operadores</li>
                                        <li>Arreglos</li>
                                        <li>Estructuras de control</li>
                                    </ol>
                                </li>
                                <li>Funciones y librerías
                                    <ol>
                                        <li>frameworks</li>
                                        <li>librerías</li>
                                    </ol>
                                </li>
                                <li>DOM</li>
                                <li>Eventos</li>
                                <li>Validación</li>
                                <li>Soporte de los navegadores</li>
                                <li>Etiqueta NOSCRIPT</li>
                                <li>AJAX
                                    <ol>
                                        <li>jQuery
                                            <ol>
                                                <li>AJAX</li>
                                                <li>plugins</li>
                                            </ol>
                                        </li>
                                    </ol>
                                </li>
                                <li>Enlazar scripts</li>
                                <li>Javascript no-obstrusivo</li>
                                <li>Aspectos de seguridad
                                    <ol>
                                        <li>XSS</li>
                                    </ol>
                                </li>
                            </ol>
                        </li>
                        <li>Publicar en la Web
                            <ol>
                                <li>Dominios</li>
                                <li>Hosting</li>
                                <li>Publicar
                                    <ol>
                                        <li>Protocolo de transferencia de archivos, FTP</li>
                                    </ol>
                                </li>
                                <li>SSH</li>
                            </ol>
                        </li>
                    </ol>
                </div>
                <hr />
                <div class="definition_list">
                    <dl>
                        <dt>polisemia.</dt>
                            <dd class="orig">(De <em>poli</em>-<sup>1</sup> y el <abbr title="griego o griega">gr</abbr>. <span lang="gr">σῆμα</span>, significado).</dd>
                            <dd class="lema"><abbr title="nombre femenino">f</abbr>. <abbr title="lingüística">Ling</abbr>. Pluralidad de significados de una palabra o de cualquier signo lingüístico.</dd>
                            <dd class="lema"><abbr title="nombre femenino">f</abbr>. <abbr title="lingüística">Ling</abbr>. Pluralidad de significados de un mensaje, con independencia de la naturaleza de los signos que lo constituyen.</dd>
                            <dt>poli-<sup>1</sup>.</dt>
                            <dd class="orig">(Del <abbr title="griego o griega">gr</abbr>. <span lang="gr">πολυ-</span>, mucho).</dd>
                            <dd class="lema"><abbr title="elemento compositivo">elem. compos.</abbr> Indica pluralidad o abundancia. <span class="lema">Polifásico, polimorfo, poliuria.</span></dd>
                    </dl>
                </div>
                <hr />
                <div class="unordered_list">
                    <ul>
                        <li>Introducción
                            <ul>
                                <li>Protocolo de transferencia de hipertexto, HTTP
                                    <ul>
                                        <li>URLs</li>
                                        <li>Arquitectura cliente-servidor</li>
                                        <li>Métodos</li>
                                    </ul>
                                </li>
                                <li>Metodologías
                                    <ul>
                                        <li>Desarrollo ágil</li>
                                        <li>Desarrollo tradicional</li>
                                    </ul>
                                </li>
                                <li>Arquitecturas</li>
                                <li>¿Qué es una aplicación Web?</li>
                                <li>Entorno de desarrollo integrado, IDE
                                    <ul>
                                        <li>Alternativas</li>
                                        <li>Editores de texto</li>
                                        <li>Ventajas y desventajas</li>
                                    </ul>
                                </li>
                                <li>Configuración del entorno de trabajo
                                    <ul>
                                        <li>Estructura de carpetas</li>
                                    </ul>
                                </li>
                                <li>APIs</li>
                                <li>CMSs</li>
                                <li>Frameworks</li>
                            </ul>
                        </li>
                        <li>Lenguajes de marcado y estilo
                            <ul>
                                <li>Estándares Web (World Wide Web Consortium, W3C)
                                    <ul>
                                        <li>Codificación de caracteres</li>
                                    </ul>
                                </li>
                                <li>Lenguaje de marcado de hipertexto, HTML
                                    <ul>
                                        <li>(X)HTML</li>
                                        <li>Estructura de un documento</li>
                                        <li>Etiquetas</li>
                                    </ul>
                                </li>
                                <li>Hojas de estilo en cascada, CSS.
                                    <ul>
                                        <li>Teoría del color</li>
                                        <li>Unidades de medida</li>
                                        <li>Selectores
                                            <ul>
                                                <li>Pseudoclases</li>
                                            </ul>
                                        </li>
                                        <li>Modelo de cajas</li>
                                        <li>Posicionamiento</li>
                                        <li>Diseño estático vs diseño fluido</li>
                                        <li>@media</li>
                                        <li>Enlazar estilos</li>
                                        <li>Usabilidad</li>
                                    </ul>
                                </li>
                                <li>Visual
                                    <ul>
                                        <li>Bordes redondeados</li>
                                        <li>Pestañas y botones</li>
                                        <li>Menús desplegables</li>
                                        <li>Mapas con imagenes</li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>Sistema de gestión de bases de datos
                            <ul>
                                <li>Sistemas de gestión de bases de datos</li>
                                <li>Alternativas</li>
                                <li>Herramientas CAD
                                    <ul>
                                        <li>Generación de scripts</li>
                                    </ul>
                                </li>
                                <li>Conexión a la base de datos</li>
                                <li>Aspectos de seguridad</li>
                            </ul>
                        </li>
                        <li>Lenguaje del lado del servidor
                            <ul>
                                <li>Páginas estáticas vs. páginas dinámicas</li>
                                <li>DHTML</li>
                                <li>Servidor de páginas Web, Apache.</li>
                                <li>Alternativas (Servidor de páginas)</li>
                                <li>Alternativas (Lenguaje del lado del servidor)</li>
                                <li>Programación orientada a objetos</li>
                                <li>Instrucciones básicas
                                    <ul>
                                        <li>Variables</li>
                                        <li>Sentencias</li>
                                        <li>Operadores</li>
                                        <li>Arreglos</li>
                                        <li>Estructuras de control</li>
                                    </ul>
                                </li>
                                <li>Funciones y librerías
                                    <ul>
                                        <li>frameworks</li>
                                        <li>librerías</li>
                                    </ul>
                                </li>
                                <li>Validación</li>
                                <li>Sesiones</li>
                                <li>Conexión con la base de datos
                                    <ul>
                                        <li>DAO vs ORM</li>
                                    </ul>
                                </li>
                                <li>Manejo de archivos</li>
                                <li>Aspectos de seguridad
                                    <ul>
                                        <li>SQL injection</li>
                                        <li>Local/Remote File inclusion</li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>Lenguaje del lado del cliente
                            <ul>
                                <li>ECMA-Script</li>
                                <li>Javascript</li>
                                <li>Instrucciones básicas
                                    <ul>
                                        <li>Alternativas</li>
                                        <li>Variables</li>
                                        <li>Sentencias</li>
                                        <li>Operadores</li>
                                        <li>Arreglos</li>
                                        <li>Estructuras de control</li>
                                    </ul>
                                </li>
                                <li>Funciones y librerías
                                    <ul>
                                        <li>frameworks</li>
                                        <li>librerías</li>
                                    </ul>
                                </li>
                                <li>DOM</li>
                                <li>Eventos</li>
                                <li>Validación</li>
                                <li>Soporte de los navegadores</li>
                                <li>Etiqueta NOSCRIPT</li>
                                <li>AJAX
                                    <ul>
                                        <li>jQuery
                                            <ul>
                                                <li>AJAX</li>
                                                <li>plugins</li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li>Enlazar scripts</li>
                                <li>Javascript no-obstrusivo</li>
                                <li>Aspectos de seguridad
                                    <ul>
                                        <li>XSS</li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>Publicar en la Web
                            <ul>
                                <li>Dominios</li>
                                <li>Hosting</li>
                                <li>Publicar
                                    <ul>
                                        <li>Protocolo de transferencia de archivos, FTP</li>
                                    </ul>
                                </li>
                                <li>SSH</li>
                            </ul>
                        </li>
                    </ul>
                </div>
        </div>
        <div id="form">
            
        </div>
        <div id="text" class="elegant">
            <h2>Texto</h2>
            <h3>Referencias</h3>
            <ul>
                <li><abbr title="HypetText Markup Language">HTML</abbr>. Capítulo 9, <a href="http://www.w3.org/TR/html401/struct/text.html">Texto</a>. Capítulo 13, <a href="http://www.w3.org/TR/html401/struct/objects.html">Objectos, imagenes y <span lang="en">applets</span></a>.</li>
                <li><abbr title="Cascading Style Sheets">CSS</abbr>. Capítulo 5, <a href="http://www.w3.org/TR/CSS2/selector.html">Selectores</a>. Capítulo 7, <a href="http://www.w3.org/TR/CSS2/media.html">Medios</a>. Capítulo 8, <a href="http://www.w3.org/TR/CSS2/box.html">Modelo de cajas</a>. Capítulo 14, <a href="http://www.w3.org/TR/CSS2/colors.html">Colores y fondos</a>. Capítulo 15, <a href="http://www.w3.org/TR/CSS2/fonts.html">Fuentes</a>. Capítulo 16, <a href="http://www.w3.org/TR/CSS2/text.html">Texto</a>.</li>
            </ul>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Aliquam lectus quam, iaculis id feugiat volutpat, ornare et metus.</strong> Nullam quis libero vel odio egestas tincidunt ut sed velit. Nam tortor mi, congue at auctor eget, sollicitudin ut ligula. Suspendisse egestas, tellus eu pharetra varius, velit purus ullamcorper magna, et egestas massa metus quis est. Vestibulum malesuada, nulla vel posuere molestie, tortor odio malesuada neque, eget pellentesque felis est a nibh. Fusce hendrerit justo in massa posuere facilisis. Etiam vitae neque orci, at vulputate dui. Suspendisse vehicula egestas eros, laoreet viverra tortor convallis id. Duis feugiat auctor fringilla. Suspendisse consectetur sollicitudin facilisis. Sed posuere odio eget sapien eleifend interdum. Sed et viverra nibh. Integer et mattis eros. Nullam eget tortor lacus, vitae iaculis sapien. Nunc a congue justo.</p>
            <p>Proin fermentum erat pretium augue cursus consequat. <em>Ut consequat tristique massa, non facilisis sapien vehicula eu. Nullam sed risus sit amet sem viverra dignissim vel ac quam.</em> Curabitur eu arcu velit, quis posuere mauris. Nulla facilisi. Nam malesuada nunc a ipsum tempus porttitor. Sed ut mi non neque dignissim congue. Vestibulum vel nisl vel nunc elementum accumsan. Pellentesque bibendum hendrerit feugiat. Nam pretium nisi a libero dapibus pharetra. Quisque ornare auctor eleifend. Donec faucibus eros porta dolor commodo quis blandit nunc sollicitudin. Maecenas tincidunt, nisi nec malesuada lacinia, arcu lectus malesuada ipsum, et aliquet dui mi eu felis. Mauris rhoncus malesuada pellentesque. Etiam vel mauris nibh. Proin dolor felis, condimentum quis viverra sit amet, adipiscing sit amet tortor. Nullam eget orci nec tellus mollis rhoncus.</p>
            <p class="left">Nullam tortor enim, ornare quis ultricies ut, egestas eu ligula. <q cite="#">Integer lobortis libero eu purus porttitor lacinia. Curabitur luctus pulvinar tortor eget ultricies.</q> Aliquam tempor quam non arcu pellentesque gravida. Morbi eu dui dignissim nulla aliquam vulputate et nec nisl. Quisque vitae mauris feugiat neque dictum mattis accumsan eu velit. Vivamus nec turpis tellus, congue ullamcorper turpis. Maecenas ut ultricies tortor. Fusce vitae ante nec dui egestas consectetur at ac leo. Vivamus auctor lectus congue massa consequat vel adipiscing ipsum bibendum. Vestibulum sed erat mauris, sit amet cursus sem. Sed est felis, auctor ac ullamcorper sit amet, aliquet eu nulla. Mauris quam magna, sollicitudin quis lacinia et, ultricies eu ipsum.</p>
            <p class="right"><cite>Etiam ante justo</cite>, <code>lacinia a sollicitudin eu</code>, <kbd>condimentum eget arcu</kbd>. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ornare ullamcorper mollis. <dfn>Curabitur a eros eu sapien consequat molestie</dfn>. <var>Donec ac nisl a eros porttitor vehicula vel vel justo</var>. <samp>Etiam eget nunc nibh. Nullam feugiat gravida est, eu condimentum leo fringilla a</samp>. Fusce cursus dui sit amet velit sodales ultricies. Praesent venenatis nunc et nisl cursus aliquam. Donec facilisis urna diam, eget hendrerit elit. Praesent nec pharetra leo. Aenean vitae erat elit, non scelerisque nulla. Cras venenatis sollicitudin lectus. Vivamus fermentum dolor vel urna rhoncus ornare.</p>
            <p>Curabitur placerat lobortis mollis. Praesent est nibh, volutpat vel vehicula id, vulputate quis nisl. Fusce eget quam mauris, vel congue mi. Cras quis ligula massa, eu imperdiet nisi. Vivamus porta semper erat, eu aliquet tortor faucibus vitae. Pellentesque fermentum, quam iaculis vestibulum malesuada, mauris tellus egestas tortor, malesuada hendrerit augue ante sed arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et ipsum id quam rhoncus semper sagittis vitae dolor. Fusce in nibh ac erat porttitor pretium sit amet eu velit. Integer vel pellentesque nibh. Praesent luctus condimentum lectus vitae ultricies. Etiam in est libero, vitae pulvinar turpis. Ut leo augue, cursus in aliquet eget, feugiat vitae metus. Phasellus ullamcorper ligula viverra dui volutpat dictum.</p>
            <blockquote cite="#">
                <p>Phasellus id elit dui. Fusce pulvinar bibendum nunc at rutrum. Cras nec metus sed eros mollis sodales eget eget nisl. Duis libero risus, interdum non semper sed, placerat ac urna. Vestibulum porta, eros at varius accumsan, tellus libero laoreet libero, quis posuere felis erat sodales eros. Duis tempus dictum tempus. Proin in dictum lorem. Proin ut purus non quam tempor adipiscing. Etiam condimentum, est id scelerisque porta, odio mauris molestie odio, id commodo felis mi a elit. Proin metus nisi, iaculis quis fringilla sed, imperdiet vitae nibh. Sed et magna non turpis faucibus vulputate.</p>
                <p>Mauris turpis enim, auctor et fermentum nec, mollis id elit. Donec vitae sem ante, non volutpat nunc. Fusce sed velit libero, vitae condimentum nisl. Nulla facilisi. Aliquam eu turpis ligula. Proin porta odio at est ullamcorper sit amet mollis purus auctor. Nunc pretium nunc nec justo fermentum laoreet. Quisque sed mollis felis. Donec non nunc in nisl congue malesuada. Aenean porta risus id orci sagittis et semper nibh vestibulum. Duis facilisis vulputate feugiat. Nulla nunc nibh, sodales vitae gravida eget, elementum sed est. Curabitur nec erat vitae nunc rhoncus venenatis.</p>
                <p>Dolor facilisis ullamcorper.<br />Nam id purus ac nunc luctus interdum.</p>
            </blockquote>
            <p>Ut ac felis in dolor facilisis ullamcorper. In est est, dignissim ac luctus a, scelerisque eu magna. Proin id pharetra orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Cras eget eros metus. In adipiscing mauris sed nisi fermentum id consectetur mauris sagittis. Etiam purus sem, lacinia et rutrum in, tristique facilisis est. Vivamus lectus urna, tempus et volutpat eget, ornare sit amet purus. Ut sit amet ornare lectus. Phasellus ut urna metus. Fusce molestie ullamcorper sapien viverra sodales.</p>
            <img src="./img.png" alt="Praesent est nibh, volutpat vel vehicula id, vulputate quis nisl." width="400px" height="350px"/>
            <p>Sed eget lobortis lectus. Etiam molestie ullamcorper libero, sit amet posuere ipsum eleifend commodo. Proin a justo et augue auctor condimentum. Mauris scelerisque dapibus tortor a interdum. Vivamus sit amet tellus at ipsum interdum pulvinar. Curabitur non neque fermentum dolor lobortis egestas. Sed metus nibh, blandit sed gravida et, iaculis vel mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque vel lobortis ligula. Duis congue massa quis leo adipiscing eu fringilla metus vehicula.</p>
            <p class="left normal formula">E = mc<sup>2</sup></p>
            <p class="right normal formula">2H<sub>2</sub> + O<sub>2</sub> &rarr; 2H<sub>2</sub>O</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lectus quam, iaculis id feugiat volutpat, ornare et metus. Nullam quis libero vel odio egestas tincidunt ut sed velit. Nam tortor mi, congue at auctor eget, sollicitudin ut ligula. Suspendisse egestas, tellus eu pharetra varius, velit purus ullamcorper magna, et egestas massa metus quis est. Vestibulum malesuada, nulla vel posuere molestie, tortor odio malesuada neque, eget pellentesque felis est a nibh. Fusce hendrerit justo in massa posuere facilisis. Etiam vitae neque orci, at vulputate dui. Suspendisse vehicula egestas eros, laoreet viverra tortor convallis id. Duis feugiat auctor fringilla. Suspendisse consectetur sollicitudin facilisis. Sed posuere odio eget sapien eleifend interdum. Sed et viverra nibh. Integer et mattis eros. Nullam eget tortor lacus, vitae iaculis sapien. Nunc a congue justo.</p>
            <img src="./img.png" alt="Fusce pulvinar bibendum nunc at rutrum" width="400px" height="350px"/>
            <p>Nullam tortor enim, ornare quis ultricies ut, egestas eu ligula. <ins cite="#" datetime="2011-08-04T5:31:10-6">Integer lobortis libero eu purus porttitor lacinia. Curabitur luctus pulvinar tortor eget ultricies. Aliquam tempor quam non arcu pellentesque gravida. Morbi eu dui dignissim nulla aliquam vulputate et nec nisl. Quisque vitae mauris feugiat neque dictum mattis accumsan eu velit.</ins> Vivamus nec turpis tellus, congue ullamcorper turpis. Maecenas ut ultricies tortor. Fusce vitae ante nec dui egestas consectetur at ac leo. <del cite="#" datetime="2011-08-04T5:25:10-6">Vivamus auctor lectus congue massa consequat vel adipiscing ipsum bibendum. Vestibulum sed erat mauris, sit amet cursus sem. Sed est felis, auctor ac ullamcorper sit amet, aliquet eu nulla</del>. Mauris quam magna, sollicitudin quis lacinia et, ultricies eu ipsum.</p>
            <address>Quisque accumsan rhoncus porttitor. Proin mollis sollicitudin pulvinar.</address>
            <pre>
Etiam ante justo, lacinia a sollicitudin eu, condimentum eget arcu. Vestibulum 
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; 
Nullam ornare ullamcorper mollis. Quisque accumsan rhoncus porttitor. Proin 
mollis sollicitudin pulvinar. Curabitur a eros eu sapien consequat molestie. 
Donec ac nisl a eros porttitor vehicula vel vel justo. Etiam eget nunc nibh. 
Nullam feugiat gravida est, eu condimentum leo fringilla a. Fusce cursus dui sit
 amet velit sodales ultricies. Praesent venenatis nunc et nisl cursus aliquam. 
Donec facilisis urna diam, eget hendrerit elit. Praesent nec pharetra leo. Aenean
 vitae erat elit, non scelerisque nulla. Cras venenatis sollicitudin lectus. 
Vivamus fermentum dolor vel urna rhoncus ornare.
            </pre>
            <object width="640" height="390">
                <param name="movie" value="http://www.youtube.com/v/vBmavNoChZc&amp;hl=en_US&amp;feature=player_embedded&amp;version=3"></param>
                <param name="allowFullScreen" value="true"></param>
                <param name="allowScriptAccess" value="always"></param>
            </object>
        </div>
    </body>            
</html>